<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <link href="/js/ext/resources/css/ext-all.css" media="screen" rel="stylesheet" type="text/css"/>
    <link href="/css/main.css" media="screen" rel="stylesheet" type="text/css"/>
    <script src="/js/ext/ext-all-debug.js" type="text/javascript"></script>
    <script src="/jwawa/erp/framework/JwawaModelManager.js" type="text/javascript"></script>
    <script src="/js/loader.js" type="text/javascript"></script>
    <script src="/js/common.js" type="text/javascript"></script>
    <script src="/jwawa/erp/framework/JwawaConnection.js" type="text/javascript"></script>
    <script src="/jwawa/erp/framework/JwawaSubmit.js" type="text/javascript"></script>
    <script src="/jwawa/erp/framework/JwawaProxy.js" type="text/javascript"></script>
    <script src="/js/init.js" type="text/javascript"></script>
    <script src="/js/init_index.js" type="text/javascript"></script>
    <script src="/jwawa/erp/framework/ConditionFieldContainer.js" type="text/javascript"></script>
</head>
<body>
    <script type="text/javascript" charset="utf-8">
        Ext.onReady(function() {
//            Ext.create('Ext.Component', {
//                renderTo: Ext.getBody(),
//                renderTpl: [
//                    '<h2 >abc</h1>',
//                    '<h1 id="{id}-bodyEl">{title1}</h1>',
//                    '<p>{msg}</p>'
//                ],
//                renderData: {
//                    title1: "Errorqaa",
//                    msg: "Something went wrong"
//                },
//                childEls: ["bodyEl"],
//                listeners: {
//                    afterrender: function(cmp){
//                        // After rendering the component will have a title property
//                        cmp.bodyEl.setStyle({color: "red"});
//                    }
//                }
//            });

            viewport = Ext.create('Ext.container.Viewport', {layout: {
                align: 'middle',
                pack: 'center',
                type: 'fit'
            }});

            // var loginShell = Ext.create('jwawa.erp.framework.ResetTrigger');
            // viewport.add(loginShell);
            
//            var a = Ext.create('Ext.button.Button', {
//                text: 'abcd',
//                listeners:{
//                    click: function(){
//                        a.el.animate({
//                            to: {
//                                width: 500
//                            },
//                            listeners:{
//                                afteranimate: function(obj, startTime, eOpts ){
//                                    alert(222)
//                                }
//                            }
//                       });
//                    }
//                }
//            });
//
//            viewport.add(a);

//            var a = Ext.create('Ext.form.Panel', {
//                id: 'f1',
//                title: 'FieldContainer Example',
//                width: 350,
//                bodyPadding: 10,
//
//                items: [{
//                    xtype: 'fieldcontainer',
//                    fieldLabel: 'Your Name',
//                    labelWidth: 75,
////                    defaultType: 'textfield',
//
//                    // Arrange fields vertically, stretched to full width
//                    layout: {
//                        type: 'column'
//                    },
////                    defaults: {
////                        layout: '100%'
////                    },
//
//                    // These config values will be applied to both sub-fields, except
//                    // for Last Name which will use its own msgTarget.
//                    fieldDefaults: {
////                        msgTarget: 'under',
//                        labelAlign: 'top'
//                    },
//
//                    items: [{
//                        fieldLabel: '',
////                        xtype:'datefield',
//                        xclass:'Ext.form.field.Date',
//                        flex: 0,
//                        width: 50,
//                        bodyPadding: 10,
//                        margin: '3',
//                        name: 'firstName',
//                        marginTop: 10,
//                        columnWidth: 0.3
//                    }]
//                },
//                    {
//                        xtype: 'cdnFieldContainer',
//                        fieldLabel: 'Your Name'
//                    }
//
//                ],
//                dockedItems: [
//                    {
//                        xtype: 'toolbar',
//                        region: 'center',
//                        dock: 'top',
//                        items: [
//                            {
//                                xtype: 'button',
//                                text: '查询',
//                                handler: function(){
//                                    console.log(Ext.getCmp('f1').getValues(true))
//                                }
//                            }
//                        ]
//                    }
//                ],
//
//                renderTo: Ext.getBody()
//            });

            var a =Ext.create('jwawa.erp.common.SearchPanel', {
                pageCode: 'jwawa.erp.test.PlgActionShell1'
            });
            viewport.add(a);

//            // 手工创建treeNode
//            var nif = Ext.data.NodeInterface.getPrototypeBody();
//            var userClz = Ext.define('User', {
//                extend: 'Ext.data.Model',
//                fields: [
//                    {name: 'name',  type: 'string'},
//                    {name: 'age',   type: 'int', convert: null},
//                    {name: 'phone', type: 'string'},
//                    {name: 'alive', type: 'boolean', defaultValue: true, convert: null}
//                ]
//            });
//            var u = userClz.create();
//            var c = nif.createNode(u);
//            console.log(c);


        });
    </script>

</body>
</html>
